<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户列表</title>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- <script type="text/javascript" src="js/page.js" ></script> -->
</head>

<body>
	<div id="pageAll">
		<div class="pageTop">
			<div class="page">
				<img src="img/coin02.png" /><span><a href="#">首页</a>&nbsp;-&nbsp;<a
					href="#">好友管理</a>&nbsp;-</span>&nbsp;我的好友
			</div>
		</div>
		<div class="page">
			<!-- wish页面样式 -->
			<div class="wish">
				<div class="conform">
				</div>
				<!-- wish 表格 显示 -->
				<div class="wishShow">
					<table border="1" cellspacing="0" cellpadding="0">
						<tr>
							<td width="66px" class="tdColor tdC">序号</td>
							<td width="200px" class="tdColor">用户名</td>
							<td width="175px" class="tdColor">性别</td>
							<td width="185px" class="tdColor">年龄</td>
							<td width="180px" class="tdColor">所在地</td>
							<td width="175px" class="tdColor">爱好</td>
							
							<td width="130px" class="tdColor">操作</td>
						</tr>
						<c:forEach var="user" items="${listFriends}" varStatus="vs" >
						<tr>
							<td>${vs.count}</td>
							<td>${user.username}</td>
							<td>${user.sex}</td>
							<td>${user.age}</td>
							<td>${user.place}</td>
							<td>${user.hobby}</td>
							
							
							<td> <a href="<%=path%>/friendServlet?method=delete&friendId=${user.id}">删除</a></td>
						</tr>
						</c:forEach>
					</table>
					<div class="paging"></div>
				</div>
				<!-- wish 表格 显示 end-->
			</div>
			<!-- wish页面样式end -->
		</div>

	</div>


	<!-- 删除弹出框 -->
	<div class="banDel">
		<div class="delete">
			<div class="close">
				<a><img src="img/shanchu.png" /></a>
			</div>
			<p class="delP1">你确定要删除此条记录吗？</p>
			<p class="delP2">
				<a href="#" class="ok yes">确定</a><a class="ok no">取消</a>
			</p>
		</div>
	</div>
	<!-- 删除弹出框  end-->
</body>

<script type="text/javascript">
// 广告弹出框
$(".delban").click(function(){
  $(".banDel").show();
});
$(".close").click(function(){
  $(".banDel").hide();
});
$(".no").click(function(){
  $(".banDel").hide();
});
// 广告弹出框 end
</script>
</html>